<mat-toolbar color="primary" class="mat-elevation-z4">
  <button mat-button class="home-button" (click)="null">
    <app-logo></app-logo>
    <span>ngx-scrollbar</span>
  </button>

  <ng-scrollbar appearance="standard" track="horizontal" position="invertX">
    <nav mat-tab-nav-bar
         color="accent"
         backgroundColor="primary">
      <a mat-tab-link
         *ngFor="let example of examples | async"
         [active]="example?.active"
         (click)="null">
        {{example?.label}}
      </a>
    </nav>
  </ng-scrollbar>

  <a mat-button
     class="github-repo"
     href="https://github.com/MurhafSousli/ngx-scrollbar">
    <img src="https://material.angular.io/assets/img/homepage/github-circle-white-transparent.svg" alt="Github logo">
    Github
  </a>

</mat-toolbar>
